{__NOLAYOUT__}

<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<title>__TITLE__</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="msapplication-tap-highlight" content="no">
		<meta content="telephone=no" name="format-detection">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="__COMMON__/css/2/common.min.css">
		<link rel="stylesheet" href="__STYLE__/DisShop/style/product.min.css">
		<script src="__COMMON__/js/requirejs.js" charset="utf-8"></script>
		<script src="__COMMON__/js/zepto/zepto.min.js" charset="utf-8"></script>
		<script src="__STYLE__/DisShop/script/app.js" charset="utf-8"></script>
		<script type="text/javascript">
			requirejs.config({
				baseUrl: "__COMMON__/js",
				paths: {
					modal: "__COMMON__/js/2/modal",
					slide: "__COMMON__/js/2/slide",
					wechat: "__COMMON__/js/jweixin-1.0.0",
					artTemplate: "__COMMON__/js/artTemplate"
				}
			});
		</script>
		<style type="text/css">
			.gh-tip {
				padding: .2em;
				width: 100%;
				height: 3.286em;
				background-color: rgba(18, 142, 149, .8);
				color: #fff;
			}
			.btn-theme {
				padding: .3em .5em;
				border: 2px solid #fff;
			}
			.gh-tip-face {
				margin-right: .5em;
				width: 3em;
				height: 3em;
				overflow: hidden;
			}
			.underline{
				text-decoration: underline;
			}
			.iconfont {
                width: 0.9em;
                height: 0.9em;
                background-size: cover;
            }
            .icon-home {
                background-repeat: no-repeat;
                background-image: url();
            }
            .icon-cart {
                background-repeat: no-repeat;
                background-image: url();
            }
            .icon-person {
                background-repeat: no-repeat;
                background-image: url();
            }
            .icon-achievement {
                background-repeat: no-repeat;
                background-image: url();
            }
            .pr-copyright {
                width: 100%;
                padding: 0.8em;
            }
		</style>
	</head>

	<body>
	
	<!-- 轮播图 S -->
	<header id="slide" class="slide">
	  <ul class="slide-image">
	  <tag:disShopSlide id="vo">
	  <li>
	    <a href="{$vo.url}"><img src="{$vo.img}" alt="{$vo.title}"></a>
	    <h3>{$vo.title}</h3>
	  </li>
	  </tag:disShopSlide>
	  </ul>
	</header>
	<if condition="$listSize">
		<script type="text/javascript">
			require(['slide'], function(slide) {
				slide( $("#slide").get(0) );
			});
		</script>
	<else/>
		<script type="text/javascript">
			$("#slide").hide();
		</script>
	</if>
	<!-- 轮播图 E -->
		
	<style type="text/css">
		.goods-category {
			margin: 2%;
			padding: 0.8em;
			width: 96%;
			background: #fff;
			box-sizing: border-box;
		}
		.goods-category li {
			box-sizing: border-box;
			float: left;
			width: 25%;
			text-align: center;
			font-size: .8em;
		}
		.goods-category li img {
			width: 3em;
			height: 3em;
			border-radius: 50%;
		}
		.goods-category li p {
			height: 24px;
			line-height: 24px;
			margin-top: 8px;
		}
	</style>
	
	<div id="goods-category" class="flex-row">
		<ul class="goods-category">
			<tag:disShopConfig id="vv">
				<li>
					<a href="{$vv.url}">
						<img src="{$vv.icon}" />
						<p>{$vv.name}</p>
					</a>
				</li>
			</tag:disShopConfig>
		</ul>
	</div>
	<if condition="$listSize eq 0">
	<script type="text/javascript">
		$("#goods-category").hide();
	</script>
	</if>

	<div style="width:100%;height:100%">
	{$style.goods_multiple|htmlspecialchars_decode}
	</div>
	
	<style type="text/css">
		.gh-gl {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 80%;
			text-align: center;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.gh-gl-item {
			display: block;
			margin-bottom: .2em;
			padding-top: .5em;
			padding-bottom: .5em;
			background-color: rgba(255, 255, 255, .8);
		}
		.gh-tip {
			font-size: 0.8em;
		    position: fixed;
		    bottom: 0px;
		    top: auto;
		}
		body{
			padding-bottom: 0px;
		}
	</style>
	
	<div class="gh-tip flex-row from-bar">
		<div class="row-item">
			<eq name="user.subscribe" value="0">
				<notempty name="fromUser">
					<notempty name="fromUser.face">
						<div class="gh-tip-face fl">
							<img class="w100" src="{$fromUser.face}" alt="" style="width:100px">
						</div>
					</notempty>
					<p class="ellipsis">来自 {$fromUser.nickname} 的推荐</p>
					<p class="ellipsis">{$config.unsubscribe_text|default="关注我们，获取更多优惠"}</p>
				</notempty>
				<else/>
				<notempty name="user">
					<notempty name="user.face">
						<div class="gh-tip-face fl">
							<img class="w100" src="{$user.face}" alt="">
						</div>
					</notempty>
					<p class="ellipsis">{$user.nickname}，感谢您的关注</p>
					<p class="ellipsis">{$config.subscribed_text|default="购买后分享给朋友，获取分享积分"}</p>
				</notempty>
			</eq>
		</div>
		
		<if condition="!$user['subscribe']">
			<a href="{$config.subscribe_url}" class="btn btn-theme">关注我们</a>
			<else/>
			<a href="{:url(null, 'DisShop', 'my', 'sid='.$sid)}" class="btn btn-theme">个人中心</a>
		</if>
	</div>

	<script type="text/javascript">
		var share = {$share}; 
		require(['wechat'], function(wx) {
			wx('friend', share);
			wx('timeline', share);
		});
	</script>

	</body>

</html>